﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>GoodsList</title>
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="/shopLibs/css/materialize.css">
    <link rel="stylesheet" href="/shopLibs/css/loaders.css">
    <link rel="stylesheet" href="/shopLibs/line-awesome/css/line-awesome.css">
    <link rel="stylesheet" href="/shopLibs/line-awesome/css/line-awesome-font-awesome.css">
    <link rel="stylesheet" href="/shopLibs/css/owl.carousel.min.css">
    <link rel="stylesheet" href="/shopLibs/css/owl.theme.default.min.css">
    <link rel="stylesheet" href="/shopLibs/css/style.css">
</head>
<body>
    <!-- navbar -->
    <div class="navbar">
        <div class="container">
            <div class="row">
                <div class="col s6">
                    <div class="content-left">
                        <a href="#slide-out" data-activates="slide-out" class="sidebar"><i class="fa fa-bars"></i></a>
                        <a href="index.html"><h1>JAZY</h1></a>
                    </div>
                </div>
                <div class="col s6">
                    <div class="content-right">
                        <a href="#slide-out-right" data-activates="slide-out-right" class="sidebar-search"><i class="fa fa-search"></i></a>
                        <a href="#slide-out-cart" data-activates="slide-out-cart" class="sidebar-cart">
                            <i class="fa fa-shopping-cart"></i>
                            <sup>3</sup>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end navbar -->
    <!-- sidebar -->
    <div class="sidebar-panel">
        <ul id="slide-out" class="collapsible side-nav">
            <li>
                <div class="user-view">
                    <div class="background">
                        <img src="/shopLibs/images/bg-user.jpg" alt="">
                    </div>
                    <img class="circle responsive-img" src="/shopLibs/images/profile.png" alt="">
                    <span class="white-text name">John Roe</span>
                </div>
            </li>
            <li><a href="index.html"><i class="fa fa-home"></i>Home</a></li>
            <li>
                <div class="collapsible-header">
                    <i class="fa fa-female"></i>Product<span><i class="fa fa-angle-right right"></i></span>
                </div>
                <div class="collapsible-body">
                    <ul>
                        <li><a href="product.html">Product</a></li>
                        <li><a href="product-list.html">Product List</a></li>
                        <li><a href="product-details.html">Product Details</a></li>
                    </ul>
                </div>
            </li>
            <li>
                <div class="collapsible-header">
                    <i class="fa fa-shopping-cart"></i>Shop Pages<span><i class="fa fa-angle-right right"></i></span>
                </div>
                <div class="collapsible-body">
                    <ul>
                        <li><a href="cart.html">Cart</a></li>
                        <li><a href="categories.html">Categories</a></li>
                        <li><a href="wishlist.html">Wishlist</a></li>
                        <li><a href="checkout.html">Checkout</a></li>
                        <li><a href="profile.html">Profile</a></li>
                    </ul>
                </div>
            </li>
            <li>
                <div class="collapsible-header">
                    <i class="fa fa-rss"></i>Blog<span><i class="fa fa-angle-right right"></i></span>
                </div>
                <div class="collapsible-body">
                    <ul>
                        <li><a href="blog.html">Blog</a></li>
                        <li><a href="blog-single.html">Blog Single</a></li>
                    </ul>
                </div>
            </li>
            <li>
                <div class="collapsible-header">
                    <i class="fa fa-file"></i>Pages<span><i class="fa fa-angle-right right"></i></span>
                </div>
                <div class="collapsible-body">
                    <ul>
                        <li><a href="about.html">About</a></li>
                        <li><a href="contact.html">Contact</a></li>
                        <li><a href="page-not-found.html">Page Not Found</a></li>
                        <li><a href="settings.html">Settings</a></li>
                        <li><a href="sign-up.html">Sign Up</a></li>
                        <li><a href="sign-in.html">Sign In</a></li>
                        <li><a href="team.html">Team</a></li>
                    </ul>
                </div>
            </li>
            <li><a href="contact.html"><i class="fa fa-envelope-o"></i>Contact Us</a></li>
            <li><a href="sign-in.html"><i class="fa fa-sign-in"></i>Sign In</a></li>
            <li><a href="sign-up.html"><i class="fa fa-user-plus"></i>Sign Up</a></li>
            <li><a href="index.html"><i class="fa fa-share"></i>Log Out</a></li>
        </ul>
    </div>
    <!-- end sidebar -->
    <!-- sidebar -->
    <div class="sidebar-panel sidebar-search">
        <ul id="slide-out-right" class="collapsible side-nav">
            <li>
                <div class="form">
                    <input type="search"><button class="button"><i class="fa fa-search"></i></button>
                </div>
                <div class="clear"></div>
            </li>
            <li><h5>Popular Search</h5></li>
            <li><a href="">Football</a></li>
            <li><a href="">Lemon</a></li>
            <li><a href="">Canon</a></li>
            <li><a href="">Laptop</a></li>
            <li><a href="">Pizza</a></li>
            <li><a href="">Sport</a></li>
        </ul>
    </div>
    <!-- end sidebar -->
    <!-- sidebar cart -->
    <div class="sidebar-panel sidebar-cart">
        <div id="slide-out-cart" class="collapsible side-nav">
            <div class="content">
                <div class="cart-img">
                    <img src="/shopLibs/images/product1.jpg" alt="">
                </div>
                <div class="cart-title">
                    <a href="">Casual Clothes in a Modern Style</a>
                    <h5>$28</h5>
                </div>
                <div class="cart-remove">
                    <a href=""><i class="fa fa-remove"></i></a>
                </div>
                <div class="clear"></div>
            </div>
            <div class="content">
                <div class="cart-img">
                    <img src="/shopLibs/images/product2.jpg" alt="">
                </div>
                <div class="cart-title">
                    <a href="">Trendy Headband Style in 2018</a>
                    <h5>$11</h5>
                </div>
                <div class="cart-remove">
                    <a href=""><i class="fa fa-remove"></i></a>
                </div>
                <div class="clear"></div>
            </div>
            <div class="content">
                <div class="cart-img">
                    <img src="/shopLibs/images/product3.jpg" alt="">
                </div>
                <div class="cart-title">
                    <a href="">Shoes that Light up When Dark</a>
                    <h5>$32</h5>
                </div>
                <div class="cart-remove">
                    <a href=""><i class="fa fa-remove"></i></a>
                </div>
                <div class="clear"></div>
            </div>
            <div class="cart-button">
                <ul>
                    <li><button class="button"><i class="fa fa-shopping-cart"></i>View Cart</button></li>
                    <li><button class="button"><i class="fa fa-send"></i>Checkout</button></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- end sidebar cart -->
    <!-- about -->
    <div class="segments-page">
        <div class="container">
            <div class="about">
                <div class="pages-title">
                    <h3>About</h3>
                </div>
                <div class="content">
                    <img src="/shopLibs/images/about.jpg" alt="">
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias mollitia minus rerum ullam iure ab, sequi, explicabo delectus est, nostrum eaque deserunt nisi tempore fugiat repellendus! Laboriosam cumque maiores dicta.</p>
                    <div class="social-link">
                        <a href=""><i class="fa fa-facebook"></i></a>
                        <a href=""><i class="fa fa-twitter"></i></a>
                        <a href=""><i class="fa fa-google"></i></a>
                    </div>
                    <p>Address: New York United States 090</p>
                    <p>Email: contact@yourstore.com</p>
                    <p>Phone: +19993394</p>
                </div>
            </div>
        </div>
    </div>
    <!-- end about -->


    <script src="/shopLibs/js/jquery.min.js"></script>
    <script src="/shopLibs/js/materialize.js"></script>
    <script src="/shopLibs/js/owl.carousel.min.js"></script>
    <script src="/shopLibs/js/main.js"></script>
</body>
</html>
